<%-- 
    Document   : home
    Created on : Mar 4, 2014, 9:43:22 AM
    Author     : nhung_000
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<jsp:include page="model/header.jsp"/>    

<%
//allow access only if session exists
String user = null;
if(session.getAttribute("user") == null){
    response.sendRedirect("index.jsp");
}else user = (String) session.getAttribute("user");
String userName = null;
String sessionID = null;
Cookie[] cookies = request.getCookies();
if(cookies !=null){
for(Cookie cookie : cookies){
    if(cookie.getName().equals("user")) userName = cookie.getValue();
    if(cookie.getName().equals("JSESSIONID")) sessionID = cookie.getValue();
}
}
%>

<div id="ri-grid" class="ri-grid ri-grid-size-1 ri-shadow">

<h2>Photo Albums</h2>
<style type="text/css">

#pixlinks {
	width: 650px;
	list-style: none;
	margin: auto;
	padding: 0px;
}

#pixlinks ol {
	display: block;
	float: left;
	margin: 2px;
	padding: 0px;
	background-color: rgb(90,90,90);
	height: 126px;
}

#pixlinks li a {
	color: rgb(255,255,255);
	font-size: 18px;
	text-decoration: none;
	display: block;
	float: left;
	width: 320px;
	height: 126px;
	margin: 0;
	padding: 0px;
}

#pixlinks li a img {
	display: block;
	float: left;
	border: 3px rgb(90,90,90) solid;
	margin: 0px 10px 0 0;
}

#pixlinks li a span {
	font-size: 14px;
	display: block;
	margin-top: -2px;
}

#pixlinks li a:hover, #pixlinks li a.active {
	color: white;
	background-color: rgb(110,110,110);
	text-decoration: none!important;
}

#pixlinks li a:hover img, #pixlinks li a.active img{
	border-color: white;
}


	#httphotos {
		position: absolute;
		right: 0px;
		bottom: 20px;
		margin: 0px;
		padding: 0px;
	}

	#httphotos img {
		border: 0px;
	}
</style>
<ol id="pixlinks">
<li><a href="gallery1.html"><img src="<%= request.getContextPath() %>/template/images/home/thumb00.jpg" alt="">Classic HTML Gallery<span>16 photos</span></a></li>
<li><a href="TiltViewer_20Gallery/index.html"><img src="<%= request.getContextPath() %>/template/images/home/thumb00.jpg" alt="">TiltViewer Gallery<span>25 photos</span></a></li>
<li><a href="AutoViewer_20Gallery/index.html"><img src="<%= request.getContextPath() %>/template/images/home/thumb01.jpg" alt="">AutoViewer Gallery<span>12 photos</span></a></li>
<li><a href="SimpleViewer_20Gallery/index.html"><img src="<%= request.getContextPath() %>/template/images/home/thumb02.jpg" alt="">SimpleViewer Gallery<span>18 photos</span></a></li>
<li><a href="Photos_20Stack_20Gallery/index.html"><img src="<%= request.getContextPath() %>/template/images/home/thumb03.jpg" alt="">Photos Stack Gallery<span>5 photos</span></a></li>
<li><a href="Horizontal_20Gallery/index.html"><img src="<%= request.getContextPath() %>/template/images/home/thumb00.jpg" alt="">Horizontal Gallery<span>10 photos</span></a></li>

</ol>
<div><a href="/softhttphotos.html" id="httphotos"><img src="demo/httphotos.gif" title="Photo Gallery Software" alt="Photo Gallery Software"></a></div>
</div>

</div>
	</div>
</div>
<script type="text/javascript"> function langSelect(selectobj) { window.location.href = '?peslang=' + selectobj } </script>
<jsp:include page="model/footer.jsp"/>
